home *** CD-ROM | disk | FTP | other *** search
/ Games of Daze / Infomagic - Games of Daze (Summer 1995) (Disc 1 of 2).iso / x2ftp / msdos / art / artnote1 / artnotes.txt < prev   
Encoding:
Text File  |  1994-10-14  |  8.0 KB  |  150 lines

  1. Newsgroups: rec.games.programmer
  2. From: dis6218@ultb.isc.rit.edu (D.I. Seah )
  3. Subject: Re: :Got the programming part down, what about Graphics ?
  4. Organization: Rochester Institute of Technology
  5. Date: Tue, 11 Oct 1994 21:25:07 GMT
  6.  
  7. In article <76.2787.25.0N966AF2@teaminfinity.com> game.guru@teaminfinity.com (Game Guru) writes:
  8. >We must be missing tools, or some basic knowledge re computer game art
  9. >or both.  For example texture mapping and gourad shading and other
  10. >effects must lend themselves very well to creating realistic stills that
  11. >can then be incorporated into a game.  Some mechanized way of producing
  12. >graphics if you will, because I cannot imagine someone doing much of the
  13. >game art we have examined one pixel at a time, a sort of "Cant see the
  14. >forest for all the trees" problem.
  15.  
  16. Lord, do people still program entire programs in assembler? Yep, they
  17. do, for similar reasons that computer artists worry about single pixels.
  18.  
  19. You can think of a paint program (such as DeluxePaint II) as being your
  20. compiler, and single-pixel work as your assembly language optimizations.
  21. Does the pixel look better on THIS side of the curve, or THAT side?
  22. The visual effect may be very small when taking that one pixel into account,
  23. but the same thing can be said about optimizing your loops. It's the
  24. agregate visual effect that will make a difference...it's clean and not
  25. marred with defects that detract from the image you are portraying.
  26.  
  27. >Any direction or principles for making realistic game art would be very
  28. >much appreciated, especially shortcuts and condensed wisdom and tips.
  29. >We are mostly working in the 320x200x256 VGA world currently.
  30.  
  31. When you do computer art on a screen, you have to be aware of both the
  32. overall look ("the forest", as you mentioned before) and the details of
  33. drawing/implementing it ("the trees.") You have to learn to switch between
  34. the two ways of thinking very easily. 
  35.  
  36. You might think of it in terms of the implementation of a particular
  37. algorithm. You know what's supposed to happen, theoretically. Now, the trick
  38. is to implement it. If you're one of those programmers who pride themselves
  39. on "good programming practices", you might find yourself constantly
  40. assessing your implemtnation from that perspective. "Am I following good
  41. Hungarian notation?" "Are my variables descriptively named?" "Do my classes
  42. live and breath the spirit of good object oriented design?" These are larger
  43. issues that go beyond the task of just cheesing out something that works. It
  44. can get in the way if you obsess about doing it "right" the first time. So
  45. many programmers implement the algorithm first, then worry about
  46. optimizations and style later. With more experience, a programmer can start
  47. doing it right on the first go. 
  48.  
  49. This is quite similar to doing the art on the computer...  you may want to
  50. sketch the stuff you're doing first...is it "right" for your application?
  51. Does it look good to YOU? From an overall standpoint, not just from
  52. carefully selected standpoints. It's doesn't help to think, "Yeah...I did a
  53. great job on that glossy highlight on the hull of that space ship!" if the
  54. spaceship itself, and the overall picture looks terrible.  It's the same as
  55. crying, "But I optimized my bitblit routines to be the fastest in the known
  56. world!" when your overall game sucks rocks in game play. You HAVE to consider
  57. the overall package, both in programming and in art.
  58.  
  59. Philosophy aside, here are a few random thoughts:
  60.  
  61. Make your lines CLEAN! Use horizontal and vertical lines when you can if
  62. you want something to look high tech and precise.
  63.  
  64. Curved surfaces should be "smoothly curved", not "dented." (unless it's an
  65. effect that you intended). If you can tell whether the front end of a car
  66. has been in an accident and repaired, you will have shown sensitivity to
  67. curvature. There are an infinite number of curves you could put between two
  68. points...choose one that does what you want.
  69.  
  70. COLOR has three aspects: HUE, SATURATION, and VALUE. Many beginning artists
  71. think of color as just being HUE (that is, what rainbow color it is). 
  72. Consinder also SATURATION (how vivid it is) and VALUE (how bright).
  73. If your artwork looks flat and uninteresting despite "the number of colors
  74. you used", ask yourself if you used contrasting values (light and dark)
  75. and saturation. It makes a difference.
  76.  
  77. LIGHT is very important. We don't perceive objects as things with lines
  78. around them as much as we perceive their form as it interplays with the
  79. surrounding light. 
  80.  
  81. PERSPECTIVE, when screwed up, looks really bad. If something looks wrong
  82. to you, it probably is wrong. This is where you might want to spend some
  83. money on a 3D package, though this won't teach you how to do good 3D
  84. design. At least the perspective will be correct. Then be aware of the
  85. different effects that perspective can have...wide angle, narrow angle
  86. have different effects...the wide angle shots are more dramatic in that
  87. they exagerate perspective. Then, be aware of various perspective cues...
  88. fading light, position in the picture plane, desaturating colors,
  89. loss of detail...
  90.  
  91. The ELEMENTS of a screen design serve various purposes. Some of them are
  92. meant to be seen first and used. Others are meant as decoration. Treat
  93. the elements visually as they should, depending on their function.
  94. If you have a background that is just supposed to be, like, a background
  95. for the real action, don't make it bright red with blue squiggles on it.
  96. That would distract from whatever is going on that important. Tone it
  97. done, either by dropping its saturation or value.
  98.  
  99. Creating images requires progressive refinement. React to your work
  100. in different ways. See which parts work for you, and which parts don't.
  101. For example, you might look upon your spacecraft and think, "Man, it's
  102. lame. But I like the engine highlights...it looks cool. It's just that
  103. the ship look so....clunky. It looks like a volkswagon that kissed the
  104. guardrail at 3mph. It's stubby......maybe if I lengthen the nose....hmmm."
  105. Think yourself through WHY you like something or not. 
  106.  
  107. >We have looked at VanDamme but thought it a little too discrete and
  108. >abstract to be useful to us in an operational/production sense.
  109.  
  110. "Computer Graphics, Principle and Practice" is way overkill...that's a book
  111. that is more for the programmers and theorists. However, it does have
  112. a good user interface and design section that, while somewhat dry, does
  113. give you a starting point.
  114.  
  115. Actually, one good one to look at in terms of screen design philosophy
  116. is Apple's Human Interface Guidelines. Some of it is Mac specific, but the
  117. introductory section is a distillation of other sources that is concise
  118. and well-written.
  119.  
  120. For ideas about process, look for the magazines "Step-by-Step Graphics" and
  121. "Step-by-Step Electronic Graphics."
  122.  
  123. The key idea, I think, is that you have the power to OBSERVE. Make good
  124. use of that. Make sketches. Take notes. THink up from small details to
  125. large impressions, reflect upon the grand scope of your art, then go back
  126. down to the details. The image will evolve in pieces and in steps...be
  127. patient as you work it out. Be open to detail, but don't be absorbed by
  128. them. Be open to shape and form, but don't forget detail and texture
  129. where it is appropriate or desired.
  130.  
  131. Then, keep in mind that a 320x200 screen is going to be tough to work with.
  132. You can't draw detail on small ships because the pixels are just too damn
  133. big. However, you can learn to hint at detail (through shadows, perhaps), or
  134. just dispense with it altogether. You WILL agonize over the positions of
  135. individual pixels. You will also have to learn how to ignore the chunkiness
  136. and just see the "impression" of detail. Take a look at the characters in
  137. LucasArt's "Indiana Jones and the Fate of Atlantis" as an example. It's
  138. also interesting to compare those characters with the ones from Westwood
  139. Studio's graphic adventures. The images work not so much on microscopic
  140. detail, but on the impression that it's there. Also, the lighting is
  141. taken into account as textures of clothing and materials are drawn.
  142. The proportion and form of the characters in their surroundings is 
  143. accurate.
  144.  
  145. Hope this helps getting you started!
  146.  
  147. -- 
  148. Dave Seah (dis6218@ultb.isc.rit.edu, PCCDaveS@aol.com)
  149.  
  150.